<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教学科研 - 西南科技大学城市学院</title>
    <link rel="icon" href="images/common/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/common_out.css">
    <link rel="stylesheet" href="styles/cc_focus.css">
    <style>
        .focus_title span {
            font-size: 20px;
            margin-top: 0;
        }
    </style>
</head>
<body>
<!-- 顶部横条 -->
<div class="topBar"></div>
<!-- 页头 -->
<header>
    <div class="container">
        <a href="index.html" class="left">
            <img src="images/common/favicon.png" alt="">
            <img src="images/common/logos.png" alt="">
        </a>
        <!-- 导航栏 -->
        <nav class="right">
            <a href="index.html">西城主页</a>
            <a href="cc_focus.html">西城聚焦</a>
            <a href="cc_profile.html">学校概况</a>
            <a href="cc_department.html">院系设置</a>
            <a href="http://zs.ccswust.edu.cn/">招生就业</a>
        </nav>
    </div>
</header>
<!-- banner横幅 -->
<div class="banner">
    <img src="images/common/banner_03.png" alt="">
    <div class="container" style="height: 210px;">
        <p style="background: rgba(255,255,255,.8); color: black;right:60px">教学科研</p>
    </div>
</div>

<!-- 内容 -->
<main class="focus cf">
    <div class="container">
        <!-- 内容列表模块 -->
        <div class="focus_list">
            <div class="focus_title" id="bt_01">
                <h1 id="t_01">师资队伍</h1>
                <p><span>❅</span>西南科技大学城市学院现有教职员工800余人，其中自聘教师500余人，兼职教师近300人，其中拥有硕士以上学历的达到40%以上，拥有副高以上职称的近40%。</p>
                <a href="#" id="link_01">了解更多 ➜</a>
            </div>
            <div class="focus_pic">
                <img src="images/focus/research_01.png" alt="学校沿革">
            </div>
        </div>
        <div class="focus_list">
            <div class="focus_title dev_one" id="bt_02">
                <h1>教学动态</h1>
                <p><span>❅</span>四川暖通空调专业建设研讨会在成都纺专成功召开。成都克来沃美的暖通设备有限公司、四川麦道建设工程有限公司等多家空调行业企业代表及川内5所高校相关专业负责人出席本次会议。</p>
                <a href="#" id="link_02">了解更多 ➜</a>
            </div>
            <div class="focus_pic dev_two">
                <img src="images/focus/research_02.png" alt="现任领导">
            </div>
        </div>
        <div class="focus_list">
            <div class="focus_title" id="bt_03">
                <h1 id="t_03">科研动态</h1>
                <p><span>❅</span>四川省民办教育协会高等教育专业委员会关于四川省民办高校2020年“教学成果奖”、“优秀科研成果奖、“优秀教师”评奖结果的公示。</p>
                <a href="#" id="link_03">了解更多 ➜</a>
            </div>
            <div class="focus_pic">
                <img src="images/focus/research_03.png" alt="组织机构">
            </div>
        </div>
        <div class="focus_list">
            <div class="focus_title dev_one" id="bt_04">
                <h1 id="t_04">学术报告</h1>
                <p><span>❅</span>我校通识教育学院特邀四川省优秀青年骨干教师、绵阳市优秀教师郭兴吉教授在游仙校区行政中心学术报告厅为2018级学生作了题为《新形势下当代大学生的职业倾向》的学术讲座。</p>
                <a href="#" id="link_04">了解更多 ➜</a>
            </div>
            <div class="focus_pic dev_two">
                <img src="images/focus/research_04.png" alt="现任领导">
            </div>
        </div>
    </div>
</main>

<!-- 页脚 -->
<footer>
    <div class="footCopy left">
        <div class="container">
            <p>版权所有 © 西南科技大学城市学院</p>
            &emsp; | &emsp;
            <p>地址：绵阳市游仙区三星路11号</p>
            &emsp; | &emsp;
            <p>邮编：100871</p>&emsp; | &emsp;
            <p>蜀ICP备10208837</p>
            &emsp; | &emsp;
            <p>蜀公网安备 110402430047 号</p>
        </div>
    </div>
</footer>
<script src="scripts/lamp.js"></script>
<script>
    // 吸顶灯效果
    window.onscroll = () => {
        // 获取滚动条高度
        let barTop = document.documentElement.scrollTop || document.body.scrollTop;
        // 获取页头部分
        let headNav = document.querySelector("header");
        if(barTop >= 5){
            headNav.className = "bar";
        }else{
            headNav.className = "";
        }
    };
</script>
</body>
</html>